草庐IT

css - 使 div 可滚动

全部标签

javascript - jQuery 是否在两个不同的 CSS 类之间进行动画处理?

我想了解jQuery动画的工作原理。例如,如果我有一个带有CSS的a元素,使它看起来像一个可点击的图像,并且给定的with和height在CSS,我如何安全地为该元素的width和height设置动画?我需要为CSS类中的值设置动画吗?或者我是否需要使用width和height的目标值设置一个新的CSS类,并让jQuery从oldClass动画到新类?或者我可以简单地使用jQuery的.width()和.height()方法,而不管CSS中指定的值是什么?让我感到困惑的是:如果我使用jQuery调整元素的宽度,这是否也会修改我的CSS,或者jQuery/JavaScript是否只是用其

javascript - 如果使用 CSS3 翻译/转换来更改元素位置,则不会触发 Mouseenter/Mouseover 事件

我正在翻译(通过jQuery/CSS3)一个#wrapperdiv,通过更新Y轴。我已将mouseenter/mouseleave事件附加到#wrapper的子元素。当#wrapper翻译时,它的child一个接一个地来到鼠标下(即使鼠标没有移动)。这不会触发mouseenter、mouseleave事件。但是,当元素具有滚动条并通过鼠标滚轮滚动(而不是平移)时会触发事件。这是默认行为吗?如果是,有什么解决方法吗?Demo尝试使用鼠标滚轮滚动,但不要移动鼠标。我希望将.block的背景更改为red颜色,但它没有发生。 最佳答案 示例

javascript - 尝试将 svg 从一个 div 移动到另一个时,是什么导致层次结构请求错误?

我正在尝试将svg从一个div移动到另一个。Thisstackquestion提供了我尝试过的这个解决方案。document.getElementById("LightBoxDiv").appendChild(svgId+"V");当我尝试这样做时,我收到了层次结构请求错误。Thisstackquestion建议了几件可能是原因的事情。我不能说我有任何这些东西,但我不确定。Bot我的div在body元素中并且没有嵌套在另一个元素中,但是,其中一个div在使用javascript动态创建之前只有几行。这是我用来创建该div的脚本。varlightboxdiv=document.creat

javascript - Materialize css select 无法处理 JS 错误

我在使用MaterializeCSS框架选择表单时遇到问题。这是我的表格:ChooseyouroptionOption1Option2Option3MaterializeMultipleSelect$('select').material_select();这是我的slim布局:doctypehtmlhtmlheadmetacontent=("text/html;charset=UTF-8")http-equiv="Content-Type"/titleBudeprace=stylesheet_link_tag'https://cdnjs.cloudflare.com/ajax/lib

javascript - 如何将数据表的水平滚动条放在表格的顶部?

我有一个非常大的数据表,我想将水平滚动条放在表的顶部和底部,这样用户滚动起来会更容易(数据表有很多列)。是否有一种简单且正确的方法来实现这一目标? 最佳答案 您可以使用具有最大宽度的容器并将表格放入其中。...根据您想要的可靠性,您可以:A.底部滚动条,只需设置最大宽度和溢出x即可滚动:.large-table-container-1{max-width:200px;overflow-x:scroll;overflow-y:auto;}演示:.large-table-container-1{max-width:200px;overf

javascript - TinyMCE 使用 <div align ="center"> 而不是 <div style ="text-align: center">?

我使用的是TinyMCE3.2.5,默认情况下,当您单击居中对齐按钮时,它使用内联样式.我想使用tinyMCE而不是内联样式。我知道在配置中设置inline_styles:false是有效的。但我想对除对齐以外的所有内容使用内联样式。我将如何改变它? 最佳答案 tinyMCE.init({...'formats':{'alignleft':{'selector':'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',attributes:{"align":'left'}},'align

javascript - 滚动条不出现在新窗口中

我正在尝试打开一个新窗口,但出于某种原因,滚动条不会出现在Firefox或IE中,但在Chrome和Opera中可以正常工作。这是按钮上的javascript代码(来自PHP脚本),和下面,如果它更具可读性,输出的HTML:window.open('".BASE_URL."utils/viewProfile.php?key=".$key."',null,'width=1280,height=1024,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbar=1,resizable=1')"

javascript - iScroll 滚动条的奇怪位置

我正在构建一个支持触摸的html应用程序,并决定使用iScroll在div中滚动。本质上,我有两个单独的滚动div,但滚动条总是放在页面的最外面http://jsfiddle.net/SRXMn/3/我在这里遇到的问题有两个。1)滚动条都在最右边(这对于向左滚动的内容没有多大意义2)当唯一滚动的内容在下方时,滚动条一直延伸到标题的顶部当我在标题上设置“position:fixed”时,它会缩小到一个很小的尺寸,而且我似乎无法过度调整它。 最佳答案 您可以尝试在div.scroll_hold上使用position:relative

javascript - 如何使用 Jquery .animate() 函数创建连续滚动的内容?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Implementingcircularscrollerinjquery我想创建垂直滚动条,它的工作方式与选取框完全一样。但我希望它是连续的,就像我们使用跑马灯时,整个内容只有在它完全上升后才会回来,但我希望它是连续的。这就是我所拥有的...http://jsfiddle.net/JWfaf/1/我只想朝一个方向继续滚动。我希望我已经清除了我想要实现的目标HTML​JavaScriptfunctionanimatethis(targetElement,speed){$(targetElement).anima

javascript - 如果选择了特定的选择选项值,则显示 div

如果用户从选择下拉列表中选择特定选项值,我将尝试显示一个div。例子:选择下拉列表包含从数据库中获取的动态名称以及列表底部的静态或永久名称“Admin”如果用户选择的选项不是“Admin”,则显示包含特定表单元素的div,否则如果用户选择“Admin”,则该div保持隐藏状态这是我的代码:Javascript-functionadmSelectCheck(nameSelect){if(nameSelect){admOptionValue=document.getElementById("admOption").value;if(admOptionValue!=0){document.g